<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>美容热点产品</title>
<style type="text/css">
	*{ padding:0px;}
	body{
		background-color:#FFC;}
	div{
		width:320px;}
	p{
	   color:#FFF;
	   font-weight:bold;
	   line-height:40px;
	   background-color:#F06;
	   text-indent:1em;}
	ul{
		list-style:none;
		background-color:#FFF;}
	li{ border-bottom:dotted 1px #999; line-height:30px; text-indent:2em;}
	a:link{
		color:#999;
		text-decoration:none;
		}
	a:hover{
		color:#F36;}
	span{
	     color:#FFF;
		 font-weight:bold;
		 margin-right:10px;
		 display:inline-block;
	     width:20px;
		 height:20px;
		 border-radius:50%;
		 background-color:#373B3C;
		 line-height:20px;
		 text-align:center;
		 }
	a:hover span{ background:#E9185A;}
</style>
</head>

<body>
 <div>
    <ul>
     <p>大家都喜欢买的美容品</p>
      
        <li><a href="#"><span>1</span> 雅诗兰黛即时修护眼部精华霜15ml</a></li>
        <li><a href="#"><span>2</span> 伊丽莎白雅顿显效复合活肤霜 75ml</a></li>
        <li><a href="#"><span>3</span> OLAY玉兰油多效修护霜 50g</a></li>
        <li><a href="#"><span>4</span> 巨型一号丝瓜水320ML</a></li>
        <li><a href="#"><span>5</span> 倩碧保湿洁肤水2号 200ml</a></li>
        <li><a href="#"><span>6</span> 比度克细肤淡印霜 30g</a></li>
        <li><a href="#"><span>7</span> 兰芝 (LANEIGE)夜间修护锁水面膜 80ml</a></li>
        <li><a href="#"><span>8</span> SK-II护肤精华露 215ml</a></li>
        <li><a href="#"><span>9</span> 欧莱雅青春密码活颜精华肌底液</a></li>
     </ul>
 
 </div>
</body>
</html>

